<!DOCTYPE html>
<!--[if IE 8]><!--><html class="no-js lt-ie9" lang="en"> <!--<![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8" />

  <!-- Set the viewport width to device width for mobile -->
  <meta name="viewport" content="width=device-width" />

  <title>Condition Survey Report</title>

  <link rel="stylesheet" href="<?=base_url('asset/css/normalize.css')?>">
  <link rel="stylesheet" href="<?=base_url('asset/css/foundation.css')?>">

  <script src="<?=base_url('asset/js/vendor/custom.modernizr.js')?>"></script>

</head>
<body>
	<!-- Header and Nav -->
	<div class="contain-to-grid">
	<nav class="top-bar">
	  <ul class="title-area">
		<!-- Title Area -->
		<li class="name">
		  <h1><a href="#">Condition Survey Report</a></h1>
		</li>
		<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
		<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
	  </ul>

	  <section class="top-bar-section">
		<!-- Left Nav Section -->
		<ul class="left">
		  <li class="divider"></li>
		  <li class="active"><a href="#">List of Report</a></li>
		  <li class="divider"></li>
		  <li><a href="#">Add New</a></li>
		  <li class="divider"></li>
		</ul>

		<!-- Right Nav Section -->
		<ul class="right">
		  <li class="divider show-for-small"></li>
		  <li class="has-form">
			<a class="small alert radius button" href="#">Logout</a>
		  </li>
		</ul>
	  </section>
	</nav>
	</div> 
	<br/>
	<!-- End Header and Nav -->
  <div class="row"> 